import {defineComponent,computed} from "vue"
import type {CSSProperties} from "vue"

import "../style/container.scss"

export default defineComponent({
    name:"ElFooter",
    props:{
        height:{
            default:60
        }
    },

    setup(props,{slots}){

        const style = computed(()=>{
            const styles:CSSProperties = {}
            if(props.height){
                styles.height = props.height+'px'
            }
            return styles
        })

        return ()=>(
            <>
                <div style={[style.value]} class={['footer']}>
                    {
                        slots?.default?slots.default?.():''
                    }
                </div>
            </>
        )
    }
})